<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/12/2
  Time: 19:55
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>前台首页</title>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap.css">
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/plugins.css">
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/main.css">
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap.css">
		<link href="${pageContext.request.contextPath}/css/base.css" rel="stylesheet">
		<link href="${pageContext.request.contextPath}/css/index.css" rel="stylesheet">
		<style type="text/css">
			body {
				background: #F5F5F5;
			}
			
			ul.dropdown-menu {
				background: black;
			}
			
			ul.dropdown-menu li a {
				color: white;
			}
			
			.item img {
				margin: 0 auto;
			}
			
			.carousel {
				position: relative;
				top: 10px;
			}
			
			.navbar-fixed-top {
				top: 0;
				border-width: 0 0 1px;
				right: 15px;
				left: 15px;
			}
			
			.ph {
				position: relative;
				bottom: 10px;
				box-shadow: 0px 2px 2px 0px #CCC;
			}
			
			.tab1 {
				position: relative;
				top: 200px;
			}
			
			.tab2 {
				position: relative;
				bottom: 80px;
			}
			
			.tab3 {
				position: relative;
				left: 50px;
			}
			
			.tab8 {
				position: relative;
				top: 70px;
			}
			.tab9{
				position: relative;
				top: 70px;
			}
			.tab11{
				position: relative;
				top: 140px;
			}
			.tab12{
				position: relative;
				top: 140px;
			}
			
			.foot {
				position: relative;
				top: 500px;
				background: #222222;
			}
			.jumbotron{
				background:#93B69C;
				height: 320px;
			}
			.ndiv{
				position: relative;
				left: 280px;
				top: 75px;
			}
			.hh{
				color: white;
			}
			.pp{
				color: white;
			}
		</style>
	</head>

	<body>
		<div class="container-fluid">
			<!--导航条begin-->
			<div role="navigation" class="navbar navbar-default navbar-fixed-top" role="navigation" id="menu-nav">
				<div class="container">
					<div class="navbar-header">

						<a class="navbar-brand" href="#">凡一个人博客</a>
					</div>
					<div class="navbar-collapse collapse">
						<ul class="nav navbar-nav">
							<li class="active">
								<a href="${pageContext.request.contextPath}/admin/articleIndexView">首页</a>
							</li>
							<li>
								<a href="${pageContext.request.contextPath}/admin/showArticleView">文章</a>
							</li>
							<li>
								<a href="${pageContext.request.contextPath}/admin/aboutFyiView">关于我</a>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">MORE <span class="caret"></span></a>
								<ul class="dropdown-menu" role="menu">
									<li>
										<a href="#feature-tab" data-tab="tab-chrome">随笔</a>
									</li>
									<li>
										<a href="#feature-tab" data-tab="tab-safari">心得笔记</a>
									</li>
									<li>
										<a href="${pageContext.request.contextPath}/message/userMassageView" data-tab="tab-opera">给我留言</a>
									</li>
									<li>
										<a href="${pageContext.request.contextPath}/admin/superAdminLoginView">登录后台</a>
									</li>
									<li>
										<a href="${pageContext.request.contextPath}/" data-tab="tab-ie">log out</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="${pageContext.request.contextPath}/admin/technicalExchangeView">技术交流</a>
							</li>
							<li>
								<a href="#" data-toggle="modal" data-target="#about-modal">项目合作</a>
							</li>
						</ul>
						<form class="navbar-form navbar-right">
							<div class="form-group">
								<input type="text" class="form-control" placeholder="Search">
							</div>
							<button type="submit" class="btn btn-default">搜索</button>
						</form>

						<!--<button type="button" class="btn btn-danger navbar-btn">
							<span class="glyphicon glyphicon-off"></span> 退出登录
					</button>-->
					</div>
				</div>
			</div>
			<!--导航条end-->
			<!--巨幕begin-->
			<div class="jumbotron">
				<div class="ndiv">
					<h2 class="hh">烧不尽的野火，勇敢面对生活</h2>
					<p class="pp">欲望在满溢 无法再去遮蔽 不用和我讲生存的道理 眼泪才是真谛 没有人想当蝼蚁......</p>
				</div>
				<%--				<p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>--%>
			</div>
			<!--巨幕end-->
			<!--内容部分begin-->
			<div class="ph">
				<%--<div>
					<h1 align="center">Hello! welcome to fyi blog</h1>
				</div>--%>
				<%--<div>
					<h2 align="center">MOTTO</h2>
					<p align="center">没有收拾残局的能力，就别放纵善变的情绪。有时候，我们活得累，并非生活过于刻薄，而是我们太容易被外界的氛围所感染，被他人的情绪所左右。别把窘境迁怒于别人，唯一可以抱怨的，只是不够努力的自己。</p>
				</div>--%>
			</div>

			<div class="tab1">
				<div class="container">
					<div class="row">
						<div class="col-md-6 col-sm-6 tab2-img tab2">
							<img src="${pageContext.request.contextPath}/images/item-3.jpg" class="auto img-responsive center-block" alt="">
						</div>
						<div class="text col-md-6 col-sm-6 center-block tab3">
							<h1 align="center">您已成功登陆</h1>
							<p align="center"><button type="button" class="btn btn-info updateM " data-target="#myModalUpdate" data-toggle="modal">编辑个人资料</button> </p>
							<p align="center"><a href="${pageContext.request.contextPath}/"><span style="color: red">退出登录</span></a> </p>
						</div>
					</div>
				</div>

				<div class="tab4">
					<div class="container">
						<div class="row">
							<div class="text col-md-6 col-sm-6 center-block tab5">
								<h1 align="center">从不同角度看世界</h1>
								<h4 align="center">目前依旧有很多的不足之处，欢迎各路码农给予修改建议</h4>
							</div>
							<div class="col-md-6 col-sm-6 tab2-img tab6">
								<img src="${pageContext.request.contextPath}/images/jm1.jpg" class="auto img-responsive center-block" alt="">
							</div>

						</div>
					</div>
				</div>
				
				<div class="tab7">
					<div class="container">
						<div class="row">
							<div class="col-md-6 col-sm-6 tab2-img tab8">
								<img src="${pageContext.request.contextPath}/images/jm2.jpg" class="auto img-responsive center-block" alt="">
							</div>
							<div class="text col-md-6 col-sm-6 center-block tab9">
								<h1 align="center">从不同角度看世界</h1>
								<h4 align="center">目前依旧有很多的不足之处，欢迎各路码农给予修改建议</h4>
							</div>
						</div>
					</div>
				</div>
				
				<div class="tab10">
					<div class="container">
						<div class="row">
							<div class="text col-md-6 col-sm-6 center-block tab11">
								<h1 align="center">新的一年，新的故事</h1>
								<h4 align="center">目前依旧有很多的不足之处，欢迎各路码农给予修改建议</h4>
							</div>
							<div class="col-md-6 col-sm-6 tab2-img tab12">
								<img src="${pageContext.request.contextPath}/images/lb1.jpg" class="auto img-responsive center-block" alt="">
							</div>
						</div>
					</div>
				</div>
				
			</div>
			<!--内容部分end-->
		</div>
		<!--页脚begin-->
		<div class="foot">
			<footer id="footer">
				<div class="container">
					<p>凡一博客 | 合作事宜 | 版权投诉</p>
					<p>鄂ICP 备01240520. © 2018-2019 FYI IT凡一. Powered by Bootstrap.</p>
				</div>
			</footer>
		</div>
		<!--页脚end-->
	</body>
	<script src="${pageContext.request.contextPath}/js/jquery.js" type="text/javascript" charset="utf-8"></script>
	<script src="${pageContext.request.contextPath}/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<!--<script src="../../js/jquery.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>-->
	<script src="${pageContext.request.contextPath}/backstatic/js/waves.js"></script>
</html>